﻿<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>深海蓝计算机毕业设计网</title>
﻿<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.css" />
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<script type="text/javascript" src="js/baiduTemplate.js"></script>
<script type="text/javascript" src="js/commonJs.js"></script>
<script type="text/javascript" src="js/page/index.js"></script>
</head>
<body>
<header>
    <div class="header-top">
        <div class="width-center">
            <div class="header-logo "><img src="images/logo.jpg" alt=""></div>
            <div class="header-title div-inline">
                <strong>深海蓝计算机毕业设计网</strong>
                <span>www.shlbysj.cn</span>
            </div>

            <div class="search-box div-inline">
                <div class="input-box"><input type="text" name="" id="sercher" placeholder="如：jsp图书管理系统"></div>
                <div class="search-botton" style="cursor:pointer" id="sub"></div>
            </div>
        </div>
    </div>
     <div class="header-nav">
        <button class="am-show-sm-only am-collapsed font f-btn" data-am-collapse="{target: '.header-nav'}">Menu <i
                class="am-icon-bars"></i></button>
        <nav>
        <ul class="header-nav-ul am-collapse am-in">
            <li class="on"><a href="index" name="index">网站首页</a></li>
			<li><a href="prodctlist" name="about">JAVA/JSP类设计</a></li>
			<li><a href="prodctlist" name="about">ASP类设计</a></li>
            <li><a href="prodctlist" name="show">PHP类设计</a></li>
			<li><a href="prodctlist" name="new">更多成品</a></li>
			<li><a href="downLoad" name="new">免费下载</a></li>
			<li><a href="make" name="new">定制服务</a></li>
			<li><a href="userGood" name="new">客户好评</a></li>
			<li><a href="news" name="new">毕设资讯</a></li>
        </ul>
        </nav>
    </div>

</header>
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
    <ul class="am-slides">
        <li><img src="images/01.jpg" width="100%" height="451px" alt="" ></li>
        <li><img src="images/02.jpg" width="100%" height="451px" alt="" ></li>
        <li><img src="images/03.jpg" width="100%" height="451px" alt="" ></li>
        <li><img src="images/04.jpg" width="100%" height="451px" alt="" ></li>
    </ul>
</div>

<section class="index-section">
    <div>
        <span></span>
        <span></span>
    </div>
    <div class="index-content">
        <section class="index-content-section-first"><div><img src="images/sectionbanner.png" alt=""></div> </section>
        <section class="index-content-section-second">
            <div>
                <div class="index-auto">
					<article>深海蓝计算机毕业设计网简介</article>
					<h6>SHENGHAINAN INTRODUCTION</h6>
					<main>深海蓝计算机毕业设计网是一家专业从事计算机毕业设计成品销售和毕设定制的网站，本站优秀的毕业设计成品和专职程序员以及长期兼职程序员数十名，强大的团队也保证我们的毕设质量和良好的服务。本站现已拥有上海量成品设计，一般都包括开题报告，程序，文档，源代码，有的还包括中期报告等。设计精良，思路清晰，所选文档也是过程严谨，语言表达流畅，包含文档写作常用元素，和常规的写作格式。例如系统模块图或功能结构图、E-R图、数据流程图，程序界面演示图等等。文档大多为Word格式，程序绝对确保可以在相应的编程环境下运行。</main>
					<a class="index-button" href="about.html">查看详情</a>
                </div>
            </div>
        </section>
    </div>
</section>

<section class="index-product">
    <main>
        <ul>
            <li class="index-active"><a href="productlist.html"></a></li>
            <li><a href="productlist.html"></a></li>
            <li><a href="productlist.html"></a></li>
            <li><a href="productlist.html"></a></li>
        </ul>
    </main>
    <main></main>
    <main></main>
</section>
<div class="copyrights"></div>
<!--获取在线体验毕设的列表(6条)-->
<section class="index-margin-bottom">
    <div class="index-morecase">
        <span style=" background: url('./images/exp.png') no-repeat;"></span>
        <a href="#">MORE &#62; &#62;</a>
    </div>
    <div id="onlineData" class="index-content" style="padding-left: 25px">
        <div style="float: left;height:275px;width: 340px;margin:5px" th:each="pojo : ${oList}">
            <div style="width: 340px;height: 245px">
                <img style="width: 340px;height: 275px;border-radius: 4px" src="http://www.shlbysj.cn/resources/plug/unslider/03.jpg"/>
            </div>
            <div style=" background:#000000; filter:alpha(opacity:30); opacity:0.6;  -moz-opacity:0.3;-khtml-opacity: 0.3;width: 340px;height: 50px;position: absolute;margin-top:-20px;z-index:999;border-radius: 4px;color: #ffffff">
                <div style="width: 340px;height: 20px;text-align:center;font-size: 15px;margin-top:1px;">
                    <a target="_blank" style="color: #FFFFFF" href="http://www.baidu.com">法院文书管理系统</a>
                </div>
                <div style="width: 340px;height: 20px;text-align:center;font-size: 12px;margin-top:4px;">
                    By：深海蓝  时间：2018-12-12  浏览量：500
                </div>
            </div>
            <div style="filter:alpha(opacity:30); opacity:0.8;  -moz-opacity:0.3;-khtml-opacity: 0.3;width: 100px;height: 100px;position: absolute;margin-top:-245px;margin-left:240px;z-index:1000;border-radius: 4px;background-image: url('./images/zaixian.png');background-size:100px 100px; "></div>
        </div>
    </div>
</section>
<div class="copyrights"></div>
<!--获取视频的列表(6条)-->
<section class="index-margin-bottom">
    <div class="index-morecase">
        <span style=" background: url('./images/video.png') no-repeat;"></span>
        <a href="#">MORE &#62; &#62;</a>
    </div>
    <div id="videoData" class="index-content" style="padding-left: 25px">
        <div style="float: left;height:275px;width: 340px;margin:5px" th:each="pojo : ${vList}">
            <div style="width: 340px;height: 245px">
                <img style="width: 340px;height: 275px;border-radius: 4px" src="http://www.shlbysj.cn/resources/plug/unslider/03.jpg"/>
            </div>
            <div style=" background:darkred; filter:alpha(opacity:30); opacity:0.4;  -moz-opacity:0.3;-khtml-opacity: 0.3;width: 340px;height: 50px;position: absolute;margin-top:-20px;z-index:999;border-radius: 4px;color: #ffffff">
                <div style="width: 340px;height: 20px;text-align:center;font-size: 15px;margin-top:1px;">
                    <a target="_blank" style="color: #FFFFFF" href="http://www.baidu.com">法院文书管理系统</a>
                </div>
                <div style="width: 340px;height: 20px;text-align:center;font-size: 12px;margin-top:4px;">
                    By：深海蓝  时间：2018-12-12  播放量：500
                </div>
                <div title="点击播放" onclick="location='http://www.baidu.com'" style="cursor:pointer;width: 80px;height: 80px;background-size:80px 80px;position: absolute;background-image: url('images/video1.png');margin-top:-190px;margin-left:130px;border-radius:100px">
                </div>
            </div>
        </div>
    </div>
</section>
<!--最新的毕设列表(6条)-->
<section class="index-margin-bottom">
    <div class="index-morecase">
        <span style=" background: url('./images/newest.png') no-repeat;"></span>
        <a href="#">MORE &#62; &#62;</a>
    </div>
    <div id="newData" class="index-content" style="padding-left:20px">
        <div th:each="pojo : ${list}" style="border: 1px solid #dcdcdc;width: 510px;height:180px ;float: left;margin-left: 13px;margin-top: 11px">
            <div style="border-right: 1px solid #dcdcdc;height:180px ;width: 220px;float: left">
                <img src="images/productlogo.png" width="220px" height="180px">
                <div style="filter:alpha(opacity:30); opacity:0.8;  -moz-opacity:0.3;-khtml-opacity: 0.3;width: 70px;height: 70px;position: absolute;margin-top:-180px;margin-left:150px;z-index:9999;border-radius: 4px;background-image: url('./images/newest_tips.png');background-size:70px 70px; "></div>
            </div>
            <div style="border: none;height:180px ;width: 270px;float: left;margin-top: 15px;margin-left: 10px">
                <div style="border: none;height:30px ;width: 250px;font-weight: bolder;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                    <a href="#">[(${pojo.artName})]</a>
                </div>
                <div style="border: none;height:80px ;width: 290px;font-size: 14px;">
                    <a href="#">[(${pojo.artName})]</a>[<a href="#" >详情</a>]
                </div>
                <div style="border: none;height:30px ;width: 290px;font-size: 12px;color: gray">
                    by:深海蓝&nbsp;&nbsp;|&nbsp;&nbsp;访问数:[(${pojo.artCount})]次&nbsp;&nbsp;|&nbsp;&nbsp;发布时间:<span th:text="${#dates.format(pojo.createTime, 'yyyy-MM-dd')}"></span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--推荐的毕设列表(6条)-->
<section class="index-margin-bottom">
    <div class="index-morecase">
        <span style=" background: url('./images/recom.png') no-repeat;"></span>
        <a href="#">MORE &#62; &#62;</a>
    </div>
    <div id="fanData" class="index-content" style="padding-left:20px">
        <div th:each="pojo : ${rList}" style="border: 1px solid #dcdcdc;width: 510px;height:180px ;float: left;margin-left: 13px;margin-top: 11px">
            <div style="border-right: 1px solid #dcdcdc;height:180px ;width: 220px;float: left">
                <img src="images/productlogo.png" width="220px" height="180px">
                <div style="filter:alpha(opacity:30); opacity:0.8;  -moz-opacity:0.3;-khtml-opacity: 0.3;width: 70px;height: 70px;position: absolute;margin-top:-180px;margin-left:150px;z-index:9999;border-radius: 4px;background-image: url('./images/recom_tips.png');background-size:70px 70px; "></div>
            </div>
            <div style="border: none;height:180px ;width: 270px;float: left;margin-top: 15px;margin-left: 10px">
                <div style="border: none;height:30px ;width: 250px;font-weight: bolder;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                    <a href="#">[(${pojo.artName})]</a>
                </div>
                <div style="border: none;height:80px ;width: 290px;font-size: 14px;">
                    <a href="#">[(${pojo.artName})]</a>[<a href="#" >详情</a>]
                </div>
                <div style="border: none;height:30px ;width: 290px;font-size: 12px;color: gray">
                    by:深海蓝&nbsp;&nbsp;|&nbsp;&nbsp;访问数:[(${pojo.artCount})]次&nbsp;&nbsp;|&nbsp;&nbsp;发布时间:<span th:text="${#dates.format(pojo.createTime, 'yyyy-MM-dd')}"></span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--热门的毕设列表(6条)-->
<section class="index-margin-bottom">
    <div class="index-morecase">
        <span style=" background: url('./images/hot.png') no-repeat;"></span>
        <a href="#">MORE &#62; &#62;</a>
    </div>
    <div id="hotData" class="index-content" style="padding-left:20px">
        <div th:each="pojo : ${hList}" style="border: 1px solid #dcdcdc;width: 510px;height:180px ;float: left;margin-left: 13px;margin-top: 11px">
            <div style="border-right: 1px solid #dcdcdc;height:180px ;width: 220px;float: left">
                <img src="images/productlogo.png" width="220px" height="180px">
                <div style="filter:alpha(opacity:30); opacity:0.8;  -moz-opacity:0.3;-khtml-opacity: 0.3;width: 70px;height: 70px;position: absolute;margin-top:-180px;margin-left:150px;z-index:9999;border-radius: 4px;background-image: url('./images/hot_tips.png');background-size:70px 70px; "></div>
            </div>
            <div style="border: none;height:180px ;width: 270px;float: left;margin-top: 15px;margin-left: 10px">
                <div style="border: none;height:30px ;width: 250px;font-weight: bolder;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                    <a href="#">[(${pojo.artName})]</a>
                </div>
                <div style="border: none;height:80px ;width: 290px;font-size: 14px;">
                    <a href="#">[(${pojo.artName})]</a>[<a href="#" >详情</a>]
                </div>
                <div style="border: none;height:30px ;width: 290px;font-size: 12px;color: gray">
                    by:深海蓝&nbsp;&nbsp;|&nbsp;&nbsp;访问数:[(${pojo.artCount})]次&nbsp;&nbsp;|&nbsp;&nbsp;发布时间:<span th:text="${#dates.format(pojo.createTime, 'yyyy-MM-dd')}"></span>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="index-margin-bottom">
    <div class="index-morecase123">
        <span style=" background: url('./images/news.png') no-repeat;"></span>
        <a href="#">MORE &#62; &#62;</a>
    </div>
    <div class="index-content">
        <div class="new-index" id="news1Data">
            <div th:each="pojo : ${nList}" style="border: 1px solid #dcdcdc;width: 530px;height:180px ;float: left;margin-left: 13px;margin-top: 11px">
                <div style="border-right: 1px solid #dcdcdc;height:180px ;width: 220px;float: left">
                    <img src="images/productlogo.png" width="220px" height="180px">
                </div>
                <div style="border: none;height:180px ;width: 290px;float: left;margin-top: 20px;margin-left: 10px">
                    <div style="border: none;height:30px ;width: 250px;font-weight: bolder;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                        <a href="#">[(${pojo.title})]</a>
                    </div>
                    <div style="border: none;height:80px ;width: 290px;font-size: 14px;">
                        <a href="#">[(${pojo.shortMsg})]</a>[<a href="#" >详情</a>]
                    </div>
                    <div style="border: none;height:30px ;width: 290px;font-size: 12px;color: gray">
                        by:深海蓝 访问数:[(${pojo.visiteCount})]次   时间:<span th:text="${#dates.format(pojo.createTime, 'yyyy-MM-dd')}"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

﻿<footer>
    <div>
        <div class="footer-info">
            <div class="footer-content">
                <img src="images/qccode.png" alt="">
               <div>
                <div class="footer-box">
                    <i class="icon-tel"></i>
                    <span>联系电话:</span>
                    <span>18996446847</span>
                </div>
                <div class="footer-box">
                    <i class="icon-email"></i>
                    <span>联系QQ:</span>
                    <span ><a href="tencent://message/?uin=2091441856&Site=&Menu-=yes" style="margin-top:10px;">2091441856</a>,<a href="tencent://message/?uin=412439324&Site=&Menu-=yes" style="margin-top:10px;">412439324</a></span>
                </div>
                <div class="footer-box">
                    <i class="icon-address"></i>
                    <span>网站地址:</span>
                    <span>www.shlbysj.cn</span>
                </div>
               </div>
            </div>
        </div>
        <style>
        .footer-bottom a{color:#F1404B}
        </style>
        <div class="footer-bottom"><div style="text-align:center;color:#fff;line-height:100px;"><span><a href="http://www.shlbysj.cn" target="_blank" title="深海蓝计算机毕业设计网">深海蓝计算机毕业设计网.</a>致力于为学生毕业而服务.&nbsp;&nbsp;CopyRight @ 2017-2027 All Rights Reserved.蜀ICP备18000834号-1 </span></div></div>
    </div>
</footer>
<include file="hah.html" />
</body>
</html>